<template>
  <main class="min-h-screen">
    <ZToastProvider placement="top" class="min-w-64">
      <FetchNotify />
      <router-view></router-view>
    </ZToastProvider>
  </main>
  <PiniaColadaDevtools />
</template>
<script setup lang="ts">
import { PiniaColadaDevtools } from "@pinia/colada-devtools";
import { useColorMode } from "@vueuse/core";
import ZToastProvider from "./components/ui/toast/ZToastProvider.vue";
import FetchNotify from "./views/components/FetchNotify";

useColorMode({
  attribute: "data-theme",
  initialValue: "light",
});
</script>
